* {
    margin: 0px;
    padding: 0px;
}

div {
    .nav {
        width: 375px;
        height: 667px;
        margin: auto;
        border: 1px solid black;
    }
    .nav-comtent {
        width: 375px;
        height: 44px;
        border: 1px solid black;
        background-color: red;
        display: flex;
        justify-content: center;
        position: relative;
    }
    img {
        width: 20px;
        height: 18px;
        margin-left: -50px;
        margin-top: 13px;
        // margin: auto;
    }
    input {
        width: 273px;
        height: 30px;
        margin-top: 5px;
        margin-left: 5px;
        border-radius: 20px;
    }
    .JD {
        position: absolute;
        right: 300px;
    }
    .shu {
        width: 1px;
        height: 16px;
        background-color: black;
        position: absolute;
        right: 290px;
        top: 15px;
    }
    .icon {
        width: 1em;
        height: 1em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
        position: absolute;
        right: 265px;
        top: 15px;
    }
    .deng {
        display: block;
        width: 50px;
        height: 20px;
        color: white;
        top: 10px;
        // padding-left: 50px;
        // margin-left: 50px;
        position: absolute;
        right: 0px;
    }
    .header {
        width: 375px;
        height: 150px;
        position: absolute;
        border: 1px solid black;
        background-color: red;
        top: 45px;
        border-bottom-left-radius: 15%;
        border-bottom-right-radius: 15%;
    }
    .section {
        width: 375px;
        height: 269px;
        border: 1px solid black;
    }
    .section-comtent {
        width: 2800px;
        height: 139.98px;
        margin: auto;
        border: 1px solid black;
        margin-top: 20px;
        position: relative;
        display: flex;
        animation: move 18s infinite;
    }
    .tu {
        width: 350px;
        height: 139.98px;
        padding: 0px;
        margin: auto;
    }
    @keyframes move {
        0% {
            margin-left: 0px;
        }
        14% {
            margin-left: -350px;
        }
        29% {
            margin-left: -700px;
        }
        43% {
            margin-left: -1050px;
        }
        57% {
            margin-left: -1400px;
        }
        71% {
            margin-left: -1750px;
        }
        86% {
            margin-left: -2100px;
        }
        100% {
            margin-left: -2450px;
        }
    }
    .section-comtent1 {
        width: 350px;
        height: 139.98px;
        border: 1px solid black;
        overflow: hidden;
    }
}